@import url('https://web.archive.org/web/20240625005101cs_/https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url("https://web.archive.org/web/20240625005101cs_/https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.0/font/bootstrap-icons.css");
@import url('https://web.archive.org/web/20240625005101cs_/https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
html,
body,
button,
input,
select,
textarea,
p {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
}


/* ==========================================================================
   Links
   ========================================================================== */

a {
    color: #000000;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover,
a:focus {
    color: #000
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}


/* ==========================================================================
   Typography
   ========================================================================== */

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{
    color: #000000;
    font-weight: 500;
}

h1,.h1 {
    font-size: 36px;
}

h2,.h2 {
    font-size: 28px;
}

h3,.h3 {
    font-size: 24px;
}

h4,.h4 {
    font-size: 20px;
}

h5,.h5 {
    font-size: 16px;
}


/* ==========================================================================
   Global
   ========================================================================== */

.container {
    width: 100%;
    max-width: 1170px;
}

.text-blue {
    color: #29275b;
}

.page {
    padding: 3.5rem 0;
}

.btn{
	font-size:13px;
}
.btn-outline-primary {
    border: solid 1px #54555a;
    color: #54555a;
    padding: 0.6rem 2rem;
	border-radius:50px;
}

.btn-outline-primary:hover {
    background: #343a41;
    border: solid 1px #343a41;
}

.btn-primary {
    border: solid 1px #f48b82;
    color: #FFFFFF;
    background: #f48b82;
    padding: 0.5rem 0.4rem;
}

.btn-primary:hover {
    background: #42464b;
    border: solid 1px #42464b;
}

.btn-default{
    border: solid 1px #FFF;
    color: #000;
    background: #FFF;
    padding: 0.5rem 2rem;
	font-weight:600;
	border-radius:50px;
}

.btn-default:hover {
    background: #42464b;
    border: solid 1px #42464b;
}

.btn-outline-secondary {
    border: solid 1px #cdcdcd;
    color: #000000;
    padding: 0.8rem 0.8rem;
}

.btn-outline-secondary:hover {
    background: #dcdcdc;
    color: #000000;
    border: solid 1px #dcdcdc;
}

.btn-secondary {
    border: solid 1px #cdcdcd;
    color: #000000;
    background: #cdcdcd;
    padding: 0.5rem 0.4rem;
}

.btn-secondary:hover {
    background: #cdcdcd;
    border: solid 1px #cdcdcd;
}

.btn-custom {
    padding: 0.8rem 1.8rem;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    box-shadow: none !important;
}

.font-600{
	font-weight:600
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #f48b82;
  border-color: #f48b82;
}

/* ==========================================================================
   Header Css
   ========================================================================== */

header .notification-bar {
    background: #FFF;
    padding: 0 1.4rem;
    border-bottom: solid 1px #ffe2ce;
	font-size: 13px;
}

.search-top {
    border: solid 1px #69678c;
    border-radius: 3px;
}

.search-top button {
    border-radius: 0px 2px 2px 0;
    background: #f48b82;
    padding: 0.4rem 1rem;
    outline-style: solid;
    outline-color: white;
    outline-width: thin;
    margin: 1px 2px 1px 1px !important;
    font-size: 18px;
}

.search-top button::after {
    position: absolute;
    z-index: 1;
    content: '';
    border-left: solid 1px #000;
    width: 1px;
    height: 65%;
    left: 0px;
    top: 2px;
}

.menu-text {
    position: relative;
    text-align: left !important;
    right: 0px;
}

.menu-text a {
    color: #f15b58 !important;
}

.topannu {
    background: #f0cc92;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.topannu .topannu-box {
    padding: 0.7rem 0 !important;
    position: relative;
}
.topannu .topannu-box .bi{
	font-size:20px;
	top: 0.23333rem;
	position: relative;
}
.topannu .col-md-4{
	position:relative;
}
.topannu .col-md-4:not(:last-child)::after{
	content: " ";
	position: absolute;
	border-right: solid 1px #514f55;
	width: 10px;
	height: 49px;
	bottom: 0px;
	top: 0px;
	left: 100%;
} 

.cloned {
    background: #FFFFFF;
    border-bottom: solid 1px #000000;
    margin-top: 1px;
}

.cloned .logo-section {
    display: none
}

.cloned .menu-section {
    width: 100%;
    min-width: 100%;
}

.cloned .abhinandan {
    display: none
}

.cloned .logo {
    max-width: 87px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cloned .top-call {
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cloned .memu-hold {
    margin-top: 0rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: none;
}

.cloned .nav-menu .menu-item {
    margin-top: 0rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cloned .nav-menu .menu-link {
    padding: 0.2rem 1rem !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 18px;
    border-right: solid 1px #CE7F21;
}

.menu-bar {
    background: #514f55;
}

.slide .carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 10%;
    left: 6%;
    z-index: 10;
    padding: 0;
    color: #fff;
    text-align: left;
    max-width: 580px;
    width: 100%;
}

.slide .carousel-caption p {
    font-size: 18px;
    line-height: 1.2;
}

.slide .carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

.slider-home {
    background: url(/web/20240625005101im_/https://theporcelainstore.co.uk/images/bg1.jpg) no-repeat center center;
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-home .slider-text {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 250px;
    padding: 1.6rem !important;
}

.video-banner-icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  color:#FFF;
  font-size:6rem;
  display: block;
  width: 1em;
  height: 1.5em;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.0);
	transform: translateX(-50%) translateY(-50%) scale(1.0);
  
  -webkit-transition: 
		all 0.2s ease-out 0.05s;
	transition: 
		all 0.2s ease-out 0.05s;
}


/*.category-home{margin-bottom: 1rem;}
    .category-home > p > a{text-transform: uppercase; border-bottom: solid 1px #f48b82; font-size: 14px; color: #f48b82}

    .category-home figure{overflow: hidden; position:relative;}
    .category-home figure img{-webkit-transition: all 0.7s ease; transition: all 0.5s ease;}
    .category-home:hover figure img{transform:scale(1.09);}
    .category-home:hover{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .category-home figcaption{
		position:absolute;
		bottom: 0px;
		z-index: 2;
		width:100%;
		height:100%;
	}
	.category-home:hover a{color: #000000; border-bottom: solid 1px #000000}*/

.category-homes {
    position: relative;
}

.category-homes figure img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.5s ease;
}

.category-homes:hover figure img {
    transform: scale(1.09);
}

.category-homes:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.category-homes figure {
    position: relative;
    overflow: hidden;
    z-index: 99;
    margin-bottom: 0px;
}

.category-homes figcaption {
    text-align: left;
    position: absolute;
    bottom: -0.2rem;
    width: 100%;
    padding: 1.8rem 0.8rem;
    z-index: 2;
}

.category-homes figcaption .categoryflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-homes figcaption .categoryflex a:nth-child(2) {
    margin-right: 0.6rem;
    min-width: 110px !important;
}

.category-homes figure::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 150px;
    z-index: 1;
    bottom: 0px;
}

.category-homes .btn-primary {
    border-radius: 50px;
    padding: 0.5rem 1rem;
    background: #FFF;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #FFF;
}
.category-homes:hover .btn-primary{
	background:#f48b82;
	border-color:#f48b82;
	color:#FFF;
}

.newsletter .input {
    border: solid 2px #d6d6d6;
    height: 45px;
}

.shopthelook .carousel-indicators{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 15%;
	margin-bottom: -2.2rem;
	margin-left: 15%;
	list-style: none;
}
.shopthelook .carousel-indicators .active {
    opacity: 1 !important;
}

.shopthelook .carousel-indicators [data-bs-target]{
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000;
	background-clip: padding-box;
	border: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	transition: opacity 0.6s ease;
	border-radius:50%;
}


/* .newsletter .submit{background: #003bde; border: solid 1px #003bde; height: 45px} */

.video-section {
    background: #ffffff;
    padding: 1rem 0 2rem 0;
}

.shipping-block>ul>li {
    vertical-align: text-top;
    font-size: 15px;
}

.shipping-block {
    border-bottom: solid 1px #e5e5eb;
}

.shipping-block>ul {
    margin-bottom: 0.8rem;
}

.shipping-block>ul>li:nth-child(1) {
    width: 18%;
}

.shipping-block>ul>li:nth-child(2) {
    width: 18%;
}

.shipping-block>ul>li:nth-child(3) {
    width: 28%;
}

.shipping-block>ul>li:nth-child(4) {
    width: 22%;
}

.shipping-block>ul>li img {
    float: left;
}

footer {
    background: #1e2c37;
}

footer a {
    color: #cacaca;
}

.f-nav a {
    padding: 5px 0 !important;
    display: block;
    font-size: 13px;
}
.f-nav a:hover{
	color:#f48b82;
	text-decoration:underline;
}

.f-nav .footer-nav-tab {
    padding: 8px 0;
    font-weight: 500 !important;
    color: #FFF;
}

.sociallink-footer a {
    display: inline-block;
    min-width: 30px;
    text-align: center;
}

.carousel-control-next-icon {
    background-image: url(/web/20240625005101im_/https://theporcelainstore.co.uk/images/right-arrow.png) !important;
}

.carousel-control-prev-icon {
    background-image: url(/web/20240625005101im_/https://theporcelainstore.co.uk/images/left-arrow.png) !important;
}

.carousel-inner picture img {
    width: 100%;
}

.contact-bottom {
    position: relative;
}

.contact-bottom .bi {
    position: absolute;
}

.contact-bottom li {
    margin-left: 1.6rem;
    margin-bottom: 0.8rem;
    position: relative;
    font-size: 13px;
    color: #cacaca;
	display:block;
}

.contact-bottom li:nth-child(1):after {
    position: absolute;
    content: '\F3E7';
    font-family: "bootstrap-icons";
    left: -2.6rem;
    top: 0;
    font-size: 22px;
    color: #899097;
}

.contact-bottom li:nth-child(2):after {
    position: absolute;
    content: '\F5C1';
    font-family: "bootstrap-icons";
    left: -2.6rem;
    top: 0;
    font-size: 22px;
    color: #899097;
}

.contact-bottom li:nth-child(3):after {
    position: absolute;
    content: '\F32F';
    font-family: "bootstrap-icons";
    left: -2.6rem;
    top: 0;
    font-size: 22px;
    color: #899097;
}

.contact-bottom li:nth-child(4):after {
    position: absolute;
    content: '\F293';
    font-family: "bootstrap-icons";
    left: -2.6rem;
    top: 0;
    font-size: 22px;
    color: #899097;
}

.footercoypright {
    border-top: solid 1px #34404a;
    color: #899097;
    font-size: 13px;
}


/* ==========================================================================
   Category Page Css
   ========================================================================== */

.category-banner {
    min-height: 280px;
}

.category .row {
    margin-right: -5px;
    margin-left: -5px;
}

.category .category-space .no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.category .category-box {
    margin-bottom: 2.5rem;
	position:relative;
}

.category .category-box figure figcaption {
    position: absolute;
    top: 0px;
    right: 5px;
    background: red;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0.1rem 0.6rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.category .category-box figure {
    overflow: hidden;
    /*z-index: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 384px;
        background: #FFF;
        border: solid 1px #f1f1f1;*/
    position: relative;
    width: 100%;
    /*padding-top:calc(3 / 2 * 100%);*/
    padding-top: 133.755555%;
}

.category .category-box figure img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.5s ease;
    /*  height:100% !important; 
        min-height: 300px !important;
        width: 100% !important;
        max-width: 100% !important;*/
}


/*.category .category-box:hover figure img{transform:scale(1.09);}
    .category .category-box:hover figure img{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }*/

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

.control {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0 !important;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 3px;
    border: solid 2px #dbdbdb;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
    background: #ffffff;
    border: solid 2px #29275b;
}

.control input:checked~.control__indicator {
    background: #29275b;
    border-radius: 3px;
    border: solid 2px #29275d;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
    background: #29275b;
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}
.socialshare .fa{
	font-size:18px;
	margin-left:0.3rem;
}

.filter-body {
    width: 250px;
    max-width: 100%;
    /*
        border-bottom: solid 1px #E8E8E8; 
        border-top: solid 0px #000000; 
        border: solid 1px #E8E8E8; 
        border-radius:3px;
        */
}

.filter {}

.filter .filter-tittle {
    font-size: 20px;
    font-weight: 400 !important
}

.color-strip {
    border-radius: 50px;
    width: 30px;
    height: 30px;
}

.color-strip::after {
    left: 10px !important;
    top: 4px !important;
    width: 6px !important;
    height: 15px !important;
}

.control input:checked~.color-strip {
    border-radius: 50px;
}

.padding-botton10 {
    margin-bottom: 1.3rem;
}

.items.list-group-items {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 50%;
    border: 0;
}

.padding-botton10 .control__indicator {
    border: none;
}


/* The container */

.radio-custom {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.price-cut {
    text-decoration: line-through;
}

.discount {
    color: red;
}


/* Hide the browser's default radio button */

.radio-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #FFFFFF;
    border: solid 2px #dbdbdb;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.radio-custom:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.radio-custom input:checked~.checkmark {
    background-color: #29275b;
    border: none;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio-custom input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.radio-custom .checkmark:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.video-box {
    background: #1e2c37;
}
.video-box h4 {
	font-size:18px;
	color:#FFF;
}
.video-box h2 {
	font-family: 'Playfair Display', serif;
	font-size:50px;
	color:#FFF;
	margin-bottom:1rem;
}
.video-box p{
	color:#FFF;
}


/* ==========================================================================
     Product Details Css
   ========================================================================== */

.product-dtails .priace-large {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.product-dtails .priace-large span {
    font-size: 16px;
    font-weight: 400;
}


/* .float-label .header-label{
        position: absolute;
        pointer-events: none;
        top: -8px;
        left: 10px;
        background-color: #FFF;
        padding: 0px 5px;
        font-size: 10px;
        visibility: visible;
        opacity: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #0085ff;
    }
    .float-label label {
        
        position: absolute;
        left: 8px;
        font-size: 13.2px;
        top: 8px;
        visibility: hidden;
        opacity: 0;
    }
    .float-label .form-group.float-label{
        margin-bottom: 20px;
    }

    
     

    .text_input {
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 0 16px;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 54px;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }
    .textarea{
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 10px 16px 0 16px !important;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 100px !important;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    } */

.description p {
    font-size: 15px;
}

.form-group {
    position: relative;
}

.review .user-name {
    background: #29275b;
    color: #FFFFFF;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

.review .verify-buyer {
    font-size: 12px;
    letter-spacing: 0.6px;
}

@media(max-width:767px) {
    .review .verify-buyer {
        min-width: 35%;
    }
}

.review p {
    margin-bottom: 0.4rem;
}

.review .user-name::after {
    position: absolute;
    content: '';
    background: url(/web/20240625005101im_/https://theporcelainstore.co.uk/images/verify.svg) no-repeat;
    width: 20px;
    height: 20px;
    z-index: 9999;
    border-radius: 10px;
    right: -5px;
    bottom: 0px;
}

.review .user-client {
    background: #5bc2c9;
    color: #FFFFFF;
    border-radius: 6px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

.rating {
    float: left;
}


/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
        follow these rules. Every browser that supports :checked also supports :not(), so
        it doesn’t make the test unnecessarily selective */

.rating:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0);
}

.rating:not(:checked)>label {
    float: right;
    width: 1.1em;
    /* padding:0 .1em; */
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 26px;
    line-height: 1.4 !important;
    margin-bottom: 0px !important;
    color: #ddd;
}

.rating:not(:checked)>label:before {
    content: '★ ';
}

.rating>input:checked~label {
    color: #ffcc00;
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #ffcc00;
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ffcc00;
}

.rating>label:active {
    position: relative;
    top: 2px;
    left: 2px;
}


/*.spec-table*/

.table td,
.table th {
    padding: .30rem .40rem .30rem .80rem;
}

.page-link {
    padding: .3rem .75rem !important;
}

.price-table>table {
    font-size: 15px;
}

.price-table>table>thead>tr>th {
    vertical-align: middle;
    font-size: 14px;
}

.price-table>table>tbody>tr>td {
    vertical-align: middle;
}

.price-table>.table td,
.table th {
    padding: .20rem .40rem .20rem .40rem;
}

.price-table .discount {
    text-decoration: line-through;
    width: 100%;
    color: #4a4a4a;
    line-height: 18px;
}

.price-table .discount-price {
    color: #D80F0F;
}

.price-filter>.input-group {
    border: solid 1px #DDD;
}

.price-filter>.btn-number {
    background: #FFFFFF;
    color: #000;
    border: none;
    padding: 0.4rem 1.4rem;
}

.price-filter>select {
    border-left: solid 1px #DDD !important;
    border-radius: 0px !important;
}


/*  ================================
        Global Modal Box
     ================================*/

.modal-content {
    border-radius: 0;
}

.modal-body {
    padding: 1em 2.5em;
}

.modal-header {
    text-transform: uppercase;
}

.login-modal .modal-dialog {
    max-width: 400px;
}

.modal-header .close {
    padding: 5px;
    border: solid 1px #333;
    border-radius: 50%;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 0;
}

.modal-header .close:hover {
    background-color: #1f2235;
    border-color: #000;
    opacity: 0.8;
}

.dacking p {
    font-size: 15px;
}

.dacking .list-inline-item:not(:last-child) {
    margin-right: .0rem;
}

#customBtn {
    display: inline-block;
    background: #FFFFFF;
    color: #858b91;
    width: 100%;
    border-radius: 5px;
    border: thin solid #d4d4d4;
    text-align: center;
    /* box-shadow: 1px 1px 1px grey; */
    white-space: nowrap;
}

#customBtn:hover {
    cursor: pointer;
}

#facebookbtn {
    display: inline-block;
    background: #395697;
    color: #FFFFFF;
    width: 100%;
    border-radius: 5px;
    border: thin solid #395697;
    white-space: nowrap;
    text-align: center;
}

#facebookbtn:hover {
    cursor: pointer;
}

span.label {
    font-family: serif;
    font-weight: normal;
}

span.icon {
    background: url('/web/20240625005101im_/https://theporcelainstore.co.uk/images/g-normal.png') transparent 10px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}

span.icon-facebook {
    background: url('/web/20240625005101im_/https://theporcelainstore.co.uk/images/facebook-login.svg') transparent 10px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.cart-top {
    position: absolute;
    top: 0px;
    right: -5px;
    background: #f48b82;
    color: #FFF;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    font-size: 12px;
}

.pricing-table tr td {
    padding: 0.4rem;
}

.pricing-table tr td p {
    line-height: 1;
}

.pricing-table tr td:nth-child(1) {
    width: 12%;
}

.pricing-table tr td:nth-child(1) img {
    min-width: 30px;
}

.pricing-table tr td:nth-child(2) {
    width: 48%;
}

.pricing-table tr td:nth-child(3) {
    width: 25%;
    line-height: 14px;
}

.pricing-table tr td:nth-child(4) {
    width: 5%;
}

.pricing-table tr td:nth-child(5) {
    width: 5%;
}

.pricing-table tr td:nth-child(6) {
    width: 5%;
}

.pricing-table .quantity {
    max-width: 50px;
    width: 50px;
    margin: 0px auto;
    display: block;
    border: solid 1px #ced4da;
    border-radius: 3px;
    text-align: center
}

.accordion-summary {
    display: none;
}

.float-label .header-label {
    position: absolute;
    pointer-events: none;
    top: -8px;
    left: 10px;
    background-color: #FFF;
    padding: 0px 5px;
    font-size: 10px;
    visibility: visible;
    opacity: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #0085ff;
}

.float-label label {
    /* -webkit-transition: top 0.5s, left 0.5s, font 0.5s;
        -moz-transition: top 0.5s, left 0.5s, font 0.5s;
        -o-transition: top 0.5s, left 0.5s, font 0.5s;
        -ms-transition: top 0.5s, left 0.5s, font 0.5s; */
    position: absolute;
    left: 8px;
    font-size: 13.2px;
    top: 8px;
    visibility: hidden;
    opacity: 0;
}

.float-label .text_input {
    background: #fff;
    border: 1px solid #cfd2d9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 16px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    height: 48px;
    font-size: 15px;
    line-height: 22px;
    box-shadow: none;
}

.float-label textarea {
    background: #fff;
    border: 1px solid #cfd2d9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 16px 0 16px !important;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    height: 100px !important;
    font-size: 15px;
    line-height: 22px;
    box-shadow: none;
}

.or-seperator {
    border-top: solid 1px #ccc;
    text-align: center;
    position: relative;
    margin: 1.6em 0 0.5em 0;
}

.or-seperator span {
    position: relative;
    top: -15px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    background-color: #333;
    display: inline-block;
}

.dropdown-menu {
    margin-top: 0.8rem;
    left: -1rem !important;
}

.dropdown-menu>li:first-child {
    padding-top: 0px;
}

.dropdown-menu>li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.dropdown-menu>li {
    border-bottom: solid 1px #ececec;
    font-size: 15px;
    padding: 0.5rem 1.2rem;
    font-weight: 400;
    text-transform: capitalize;
}

.arrow_box {
    position: relative;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ececec;
    border-width: 12px;
    margin-left: -12px;
}

.summary-bar {
    margin: 0.2rem 0 3rem 0;
}

.summary-bar ul li {
    padding: 1rem 1.4rem;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2px;
}
.summary-bar ul li a{
	color:#282626;
}

.summary-bar ul .active {
    border-bottom: solid 3px #29275b;
}

.shopping-table>.table td,
.table th {
    padding: 0.2rem 0.6rem !important;
}

.product-img {
    max-width: 70px;
    width: 100%;
    margin: 0px auto;
}


/* .mobile-hidden{display: block !important} */

.hidden-desktop {
    display: none
}

.dashboard-body {
    display: none;
}


/* #dashboard{display: none} */

.calculate-shipping {
    margin-top: 2em;
    background-color: #f1f1f1;
    padding: 2em 1.5em 1.5em 1.5em;
}

.shipping-card {
    background-color: #f7f7f7;
    border: solid 2px #298488;
    display: block;
    padding: 1.5em 1.5em;
    text-align: center;
    display: block;
    font-size: 1em;
}

.shipping-card .price,
.shipping-card .method,
.shipping-card .del-date {
    clear: both;
    display: block;
    line-height: 30px;
}

.shipping-card .price {
    font-weight: 600;
    font-size: 1.5em;
    font-weight: 600;
}

.shipping-card .method {
    font-size: 1.5em;
}

.shipping-card .del-date {
    background-color: #f1d01b;
    padding: 0.1em 1.5em;
    margin-top: 0.5em
}

.delivery-time ul {
    border: solid 1px #dee2e6;
    background: #FFFFFF;
}

.delivery-time ul li {
    border-bottom: solid 1px #dee2e6;
    padding: 0.5rem;
}

.delivery-time ul li:first-child {
    padding-top: 1rem;
}

.delivery-time ul li:last-child {
    border: none;
    padding-bottom: 0px;
}

.form-error .error {
    color: red !important;
    /* border: solid 1px red !important */
}

.error {
    color: red !important;
    /* border: solid 1px red !important */
}

.faq-hold {
    margin-bottom: 3em;
}

.faq-hold ul {
    margin-bottom: 0;
}

.faq-hold li {
    margin-bottom: 0.7em;
    padding-left: 0em;
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 1rem;
}

.faq-hold .listinline li {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 7px;
}

.faq-hold h2 {
    margin-top: 0;
    /*padding-top:50px;*/
}

.faq-quesion,
.faq-quesion:hover {
    display: block;
    text-decoration: none;
    color: #333 !important;
    cursor: pointer;
    position: relative;
    /* font-size: 13px*/
    font-weight: 500;
}

.faq-hold .detail {
    display: none;
}

.faq-hold .detail p {
    margin: 0;
    padding: 0.3em 1em 1em 0;
}

.faq-hold .right-arrow {
    position: absolute;
    right: 0px;
    z-index: 1;
    font-family: arial;
    font-weight: 400;
    font-size: 19px;
    color: #333;
}

.wsmenu>.wsmenu-list>li:first-child .menuchild>.col-md-4:last-child a {
    color: red;
}

.wsmegamenu .menuimage-column .dropdown-categories span {
    font-weight: 400 !important;
}


/* ==========================================================================
   Flaticon Css
========================================================================== */

#owl-demo .flaticon-back::before {
    font-size: 20px;
}

#owl-demo .flaticon-right-arrow::before {
    font-size: 20px;
}

@font-face {
    font-family: "Flaticon";
    src: url("/web/20240625005101im_/https://theporcelainstore.co.uk/fonts/Flaticon.eot");
    src: url("/web/20240625005101im_/https://theporcelainstore.co.uk/fonts/Flaticon.eot#iefix") format("embedded-opentype"), url("/web/20240625005101im_/https://theporcelainstore.co.uk/fonts/Flaticon.woff") format("woff"), url("/web/20240625005101im_/https://theporcelainstore.co.uk/fonts/Flaticon.ttf") format("truetype"), url("/web/20240625005101im_/https://theporcelainstore.co.uk/fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("/web/20240625005101im_/https://theporcelainstore.co.uk/css/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 16px;
    font-style: normal;
}

.flaticon-back:before {
    content: "\f100";
}

.flaticon-circle:before {
    content: "\f101";
}

.flaticon-facebook-logo:before {
    content: "\f102";
}

.flaticon-google-plus-logo:before {
    content: "\f103";
}

.flaticon-heart:before {
    content: "\f104";
}

.flaticon-instagram-logo:before {
    content: "\f105";
}

.flaticon-interface:before {
    content: "\f106";
}

.flaticon-magnifying-glass-browser:before {
    content: "\f107";
}

.flaticon-pinterest:before {
    content: "\f108";
}

.flaticon-pinterest-round-logo:before {
    content: "\f109";
}

.flaticon-right-arrow:before {
    content: "\f10a";
}

.flaticon-shopping-bag:before {
    content: "\f10b";
}

.flaticon-twitter:before {
    content: "\f10c";
}

#owl-demo .flaticon-back::before {
    font-size: 30px;
}

#owl-demo .flaticon-right-arrow::before {
    font-size: 30px;
}

#owl-demo .item {
    display: block;
    padding: 0px;
    margin: 5px 0px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    padding: 5px 9px;
}

.owl-theme .owl-buttons i {
    margin-top: 1em;
}


/*To move navigation buttons outside use these settings:*/

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0px;
    top: 2em;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    top: 2em;
}

.soldout-tag {
    position: absolute;
    background: #e00101;
    font-size: 11px;
    padding: 0.2rem 0.4rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    margin: 0.1rem;
    z-index: 22;
    bottom: 0;
}

.category .category-box figure img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.5s ease;
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center center;
}


/********************************
        Media Query Css
    ********************************/

@media screen and (max-width: 1024px) {
    .topcontact {
        padding-left: 0.6rem !important;
    }
    .topcontact .h5 {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 768px) {
    .size-available {
        min-height: 125px
    }
}

@media(max-width:767px) {
    .topcontactbox {
        display: none !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .smart-forms .ui-slider-horizontal {
        height: .4222em;
    }
    .smart-forms .ui-slider {
        margin: 1rem 0.4rem;
    }
    .accordions {
        background-color: #eee;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        border-radius: 3px;
        margin-top: 0px !important;
        position: relative;
    }
    .accordions::after {
        content: "+";
        position: absolute;
        right: 1rem;
        font-size: 18px;
    }
    .accordions.active::after {
        content: "-";
    }
    .active,
    .accordions:hover {
        background-color: #FFF;
    }
    .panels {
        padding: 0 18px;
        display: none;
        background-color: white;
        overflow: hidden;
    }
    .faq-hold {
        margin-bottom: 0em !important;
    }
    /* .price-table > .table td, .table th{
			display: inline-block;
			width: 32.6666%;
			min-height: 95px;
		} */
    .paddingleft0 {
        padding-left: 0px !important;
    }
    .price-table>.table td,
    .table th {
        padding: .10rem .20rem .10rem .20rem;
        font-size: 14px;
        vertical-align: top;
    }
    .price-table .font13 {
        font-size: 13px;
    }
    .text-xs-right {
        text-align: right;
    }
    .mobile-top>ul {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
    .mobile-top>ul>li {
        width: 100%;
    }
    .mobile-top .list-inline-item:not(:last-child) {
        margin-right: .0rem;
        overflow: hidden;
        max-width: 50px;
        vertical-align: top;
    }
    header .notification-bar {
        min-height: 50px;
        z-index: 99;
        position: relative;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    header .notification-bar .header-ann {
        padding-left: 3.3rem;
        font-size: 12px;
    }
    header .topbix {
        position: fixed;
        z-index: 9999;
        background: #f48b82;
        width: 100%;
    }
	.contact-bottom li{
		margin-left: 2.6rem;
	}
}

@media screen and (max-width: 991px) {
    .category .category-box figure img {
        -webkit-transition: all 0.7s ease;
        transition: all 0.5s ease;
    }
    .slide .carousel-caption {
        position: absolute !important;
        right: 15%;
        bottom: 12%;
        left: 39%;
        z-index: 10;
        padding: 1.6rem;
        color: #fff;
        max-width: 450px;
        width: 100%;
    }
    .category .category-box {
        margin-bottom: 0rem;
    }
}

@media screen and (max-width: 768px) {
    .pricing-table tr td {
        padding: 0.4rem 0.1rem;
    }
    .padding-left0 {
        padding-left: 1rem !important;
    }
}

@media (max-width:767px) {
    .accordion-summary {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 0;
        position: relative;
        z-index: 2;
        text-align: center;
        cursor: pointer
    }
    .accordion-summary,
    .summary-open,
    .summary-close {
        display: block;
        background-color: #f5f4f4;
        padding: 6px 1em;
        border: 1px solid #ccc;
        font-size: 130%;
    }
    .summary-close {
        border-bottom: 1px solid #ccc;
    }
    .a {
        display: none;
        position: relative;
        top: -1px;
        z-index: 1;
    }
    .a .border-gray {
        border: 1px solid #ccc;
        padding: 1em;
    }
    .summary-open img {
        -webkit-transform: translateY(-25%) rotateX(180deg);
        transform: translateY(-25%) rotateX(180deg);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
        position: relative;
        top: 8px;
    }
    .summary-close .img {
        -webkit-transform: translateY(-25%) rotateX(0deg);
        transform: translateY(-25%) rotateX(0deg);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
    }
    .margin-y {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    .space-m {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .state-region {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 572px) {
	.fixed-top{
		z-index:101
	}
    h1,
    .h1 {
        font-size: 35px;
    }
    h2,
    .h2 {
        font-size: 26px;
    }
    h3,
    .h3 {
        font-size: 24px;
    }
    h4,
    .h4 {
        font-size: 18px;
    }
    .logo {
        padding-bottom: 0.6rem;
        text-align: center;
        border-bottom: solid 1px #DDDDDD;
		position: relative;
		left: 4rem;
    }
    .page {
        padding: 1.5rem 0;
    }
    .slide .carousel-caption {
        bottom:7% !important;
        left: 0% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0.6rem !important;
        text-align: center !important;
        z-index: 2 !important;
    }
    .slide .carousel-caption h2 {
        font-size: 24px;
    }
    .link-case {
        position: relative;
    }
    .link-case .f-nav {
        border-bottom: solid 1px #293B48;
        padding-bottom: 0.3rem;
        margin-bottom: 0.4rem;
    }
    .link-case .f-nav h4 {
        cursor: pointer;
        margin: 0;
        margin-bottom: 0px;
        padding: 0.5em 0.2em;
        margin-bottom: 4px;
        border-bottom: solid 1px #eee;
        background-color: #f9f9f9;
    }
    .link-case .f-nav .footer-nav-tab:after {
        content: "+";
        float: right;
    }
    .link-case .f-nav.open .footer-nav-tab:after {
        content: "-";
    }
    .link-case ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
        margin-bottom: 0;
        margin-left: 1em;
    }
    .link-case ul a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .link-case .f-nav.open ul {
        height: auto;
        max-height: 500px;
        transition: max-height 0.5s ease-in !important;
    }
    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #FFF;
        padding: 0.4rem 0;
    }
    .hidden-mobile {
        display: none !important;
    }
    .cloned {
        border-bottom: solid 0px #000000;
    }
    .newsletter .submit {
        margin-top: 0.8rem;
    }
    .slide>.carousel-control-next,
    .carousel-control-prev {
        top: -45%;
    }
    .shipping-block>ul>li:nth-child(1) {
        width: 49%;
        font-size: 12px;
    }
    .shipping-block>ul>li:nth-child(2) {
        width: 49%;
        font-size: 12px;
    }
    .shipping-block>ul>li:nth-child(3) {
        width: 100%;
        font-size: 16px;
        text-align: center !important;
        background: #f15b58;
        margin-left: 0px !important;
        padding: 0.6rem 0;
    }
    .shipping-block>ul>li:nth-child(3) a {
        color: #FFF;
    }
    .shipping-block>ul>li:nth-child(4) {
        width: 49%;
        font-size: 12px;
    }
    .shipping-block>ul>li {
        font-size: 14px;
        padding-bottom: 0.6rem;
        margin-right: 0px !important;
    }
    .shipping-block {
        border-bottom: solid 1px #e5e5eb;
        border-top: solid 1px #e5e5eb;
        padding-top: 1rem;
    }
    .menu-text {
        position: relative;
    }
    .category-banner {
        min-height: 250px;
    }
    .summary-bar ul li {
        width: 100%;
        text-align: left;
        padding: 0.6rem 1.4rem;
        border-bottom: solid 1px #F2F2F2 !important;
    }
    .filter .content-tab {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #ffffff;
    }
    .filter .collapsibles {
        background-color: #29275b;
        color: white;
        cursor: pointer;
        padding: 10px 10px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 18px;
        text-align: center
    }
    .filter-body {
        width: 100%;
        max-width: 100%;
        padding: 0px !important;
    }
    .filter .active,
    .collapsibles:hover {
        background-color: #29275b;
        color: #FFF;
    }
    .filter-margin .active::before {
        content: "-" !important;
        position: absolute !important;
        right: 1rem !important;
        font-size: 18px !important;
        background: #29275b;
        width: 10px;
        height: 20px;
        z-index: 9;
    }
    .login-space {
        padding-right: 0px !important;
    }
    .review {
        padding: 1rem !important
    }
    .mobile-hidden {
        display: none !important
    }
    .hidden-desktop {
        display: block
    }
    .dashboard-body {
        display: block;
    }
    #dashboard {
        display: none;
    }
	.menu-bar{
		position: relative;
		z-index: 222;
	}
}

.review-border {
    border-top: 2px dashed #acacac;
}

@media screen and (min-width:768px) {
    .review-user-block {
        background: linear-gradient(90deg, #e2eaf7 50%, #ecf4f6 50%);
    }
}

@media screen and (max-width:767px) {
    .reviewrating {
        -ms-flex-order: 2;
        order: 2;
    }
    .review {
        padding: 1rem 0 !important
    }
}

.switch input {
    display: none;
}

.switch {
    display: inline-block;
    width: 52px;
    height: 22px;
    transform: translateY(50%);
    position: relative;
}

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #ff0000, 0 0 4px #ff0000;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ff0000;
    border-radius: 30px;
    transform: translateX(-30px);
    transition: .4s;
}

input:checked+.slider:before {
    transform: translateX(30px);
    background: limeGreen;
}

input:checked+.slider {
    box-shadow: 0 0 0 2px limeGreen, 0 0 2px limeGreen;
}

.category-subcategory ul li a {
    font-size: 16px !important;
}

.category-subcategory .category-caption {
    min-width: 200px;
}

@media screen and (max-width: 767px) {
    .category-subcategory .category-caption {
        min-width: auto;
    }
	.category-subcategory .category-caption > .btn{
		padding: 0.6rem 0rem !important;
	}
    .category-subcategory ul li {
        width: 49%;
    }
    .category-subcategory .list-inline-item:not(:last-child) {
        margin-right: 0rem;
    }
}

.home-slider img {
    margin: 0 auto;
    width: 100%;
}

.logo a,
.home-slider .carousel-item figure,
.available-size-hold .size-available {
    overflow: hidden;
    display: block;
    position: relative;
}

.home-slider {
    position: relative;
	margin-top: -1px;
}

.home-slider::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
    width: 100%;
    height: 150px;
    z-index: 1;
    bottom: 0px;
}

.home-slider .carousel-caption {
    z-index: 2;
}

.logo a img,
.home-slider .carousel-item figure img,
.available-size-hold .size-available img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center center;
}

.logo a img {
    object-position: center left;
}

.logo a {
    padding-bottom: 32%;
}

.home-slider .carousel-item figure {
    padding-bottom: 37.5%
}

.topcontact a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.searchtop {
    height: 42px;
}

.headcart-icons a {
    display: block;
    font-weight: 500;
	font-size: 14px;
}

.shipping-block>ul>li img {
    width: 36px;
    height: auto;
}

.topcontactbox img {
    width: 20px;
    height: 20px;
}

.headcart-icons a img {
    width: 20px !important;
    height: 20px !important;
}

.tophead-right form.search-top img {
    width: 15px;
    height: 15px;
}

.available-size a {
    display: block;
}

.available-size-hold .size-available {
    min-height: 110px;
    padding-bottom: 40%;
}

.tophead-right ul li .btn {
    padding: 0.4rem 1rem;
    text-transform: uppercase;
    font-size: 12px;
}

.tophead-right ul li .btn .bi {
    font-size: 16px;
}

.tophead-right ul li .btn-outline-primary{
    padding: 0.4rem 1.6rem;
    text-transform: uppercase;
    font-size: 12px;
	border-radius:3px;
	border-color:#f48b82;
	color:#f48b82;
}

@media screen and (max-width:575px) {
    .home-slider .carousel-item figure {
        padding-bottom: 100%;
    }
    .logo a img {
        object-position: center center;
    }
    .logo a {
        padding-bottom: 25%;
    }
    .headcart-icons a img {
        width: 23px;
    }
}

.bar-icon {
    min-width: 35px;
    height: 38px;
    margin-left: 7px;
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.53);
    border-radius: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-box {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.show-two .category-box {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.show-three .category-box {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.bar-icon {
    color: #b1b2b5;
    background-color: #f8f8f8;
}

.bar-icon.active {
    color: #fff;
    background-color: #f48b82 !important;
}

.category-products-caption {
    padding: 0 10px;
}

@media screen and (max-width:640px) {
    .ctgr-list {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }
    .ctgr-list .category-box {
        padding-right: 0;
        padding-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .category-box .category-products-caption {
        text-align: center;
        padding: 8px 15px 2em 15px;
    }
    .productslide-mobile {
        padding: 0;
    }
    .recent-viewed-products,
    .similar-products {
        position: relative;
        margin-left: -5px;
        margin-right: -5px;
    }
    .productslide-mobile .carousel-item {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-top: 133.755555%;
    }
    .productslide-mobile .carousel-item img {
        transition: all 0.5s ease;
        display: block;
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .productslide-mobile .carousel-item iframe {
        transition: all 0.5s ease;
        display: block;
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center center;
    }
}


/* Category filter panel on mobile */

@media screen and (max-width:767px) {
    .overlay {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in-out 1s;
        z-index: 10006;
    }
    .overlay.active {
        opacity: 1;
        display: block;
    }
    .flyout {
        background-color: #ffffff !important;
        bottom: 0;
        height: 100%;
        max-width: 280px;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        transform: translate3d(100%, 0, 0);
        width: 80%;
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        z-index: 10006;
    }
    .flyout.active {
        transform: translate3d(0, 0, 0);
    }
    .flyout-header {
        background-color: #ffffff;
        color: white;
        padding: 2em;
    }
    .flyout-header h4 {
        display: inline-block;
        margin: 0;
    }
    .flyout-body {
        overflow-y: auto;
        padding: 1em;
        flex: 0 1 0;
    }
    .flyout-close {
        cursor: pointer;
        float: right;
        color: #000000;
        position: absolute;
        top: 20px;
        right: 0.6em;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 25px;
    }
    .mobile-filtericon {
        background-color: #221f1f;
        color: #ffffff;
        display: block;
    }
    .mobile-filtericon,
    .category .custom-select {
        margin: 0 5px;
        border-radius: 0;
    }
    .mobile-filtericon {
        width: 50%;
    }
    .category .custom-select {
        width: 50%;
    }
}

@media screen and (max-width:640px) {
    .flyout {
        max-width: 100%;
        width: 100%;
        top: 59px;
    }
}

.productslide-mobile .carousel-indicators li {
    opacity: 1;
}

.productslide-mobile .carousel-indicators .active {
    background-color: #333333 !important;
    border: solid 1px #333333;
}

.productslide-mobile .carousel-indicators [data-bs-target] {
    margin-right: 4px;
    margin-left: 4px;
}

.productslide-mobile .carousel-indicators li {
    width: 8px!important;
    height: 8px!important;
    border-radius: 50%;
    background: none;
    border: solid 1px #ffffff;
    background-color: #ffffff;
}

.mobile-fixed-height,
.mobile-fixed-top {
    min-height: 66px;
}


/*------ OFF CANVAS Product description -----*/

.js-offcanvas-trigger {
    display: block;
}

.js-offcanvas-trigger h4 {
    cursor: pointer;
    padding: 18px 0;
    font-size: 14px;
    border-bottom: solid 1px #dee2e6;
    font-weight: 600;
    text-transform: uppercase;
}


/*js-offcanvas*/


/*mix*/


/*body, .c-offcanvas-content-wrap { min-height: 100vh; }*/

.c-offcanvas-content-wrap {
    position: relative;
    overflow: hidden;
    z-index: 3;
}


/*body.sticky .c-offcanvas-content-wrap { position: static; overflow: visible; z-index: 0; }*/


/*.c-offcanvas-content-wrap { -webkit-transform: translateZ(0); transform: translateZ(0); }*/

.c-offcanvas--overflow-top {
    overflow: visible;
}


/*offcanvas panel*/

.c-offcanvas {
    max-height: none;
    min-height: 100%;
    top: 0;
    background: #fff;
    display: block;
    position: fixed;
    z-index: 10002 !important;
    overflow: hidden;
    padding: 1.5em;
}

.c-offcanvas--opening {
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

.c-offcanvas.is-closed {
    max-height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: none;
}

.c-offcanvas.is-scrollable {
    overflow-y: auto;
}

.c-offcanvas--overlay {
    z-index: 10;
}

.c-offcanvas--reveal {
    z-index: 2;
}

.c-offcanvas,
.c-offcanvas-content-wrap {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.c-offcanvas,
.c-offcanvas-content-wrap,
.c-offcanvas-bg.c-offcanvas-bg--reveal,
.c-offcanvas-bg.c-offcanvas-bg--push {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

.c-offcanvas.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    overflow-y: auto;
}


/*overlay*/

.c-offcanvas-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    position: fixed;
    background-color: transparent;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    z-index: 9;
}

.c-offcanvas-bg.is-animating,
.c-offcanvas-bg.is-open {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.c-offcanvas-bg.is-closed {
    visibility: hidden;
}


/*positions*/


/*left*/

.c-offcanvas--left {
    height: 100%;
    width: 17em;
    transform: translate3d(-17em, 0, 0);
}


/*right*/

.c-offcanvas--right {
    height: 100%;
    width: 30em;
    transform: translate3d(30em, 0, 0);
    right: 0;
}


/*top*/

.c-offcanvas--top {
    width: 100%;
    height: 12.5em;
    min-height: auto;
    transform: translate3d(0, -12.5em, 0);
    top: 0;
    left: 0;
    right: 0;
}


/*bottom*/

.c-offcanvas--bottom {
    width: 100%;
    height: 12.5em;
    min-height: auto;
    transform: translate3d(0, 12.5em, 0);
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}


/*effects*/


/*reveal*/

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(17em, 0, 0);
}

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-30em, 0, 0);
}

.c-offcanvas--reveal {
    z-index: 0;
    transform: translate3d(0, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
    transform: translate3d(17em, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
    transform: translate3d(-30em, 0, 0);
}


/*push*/

.c-offcanvas--push {
    z-index: 6;
}

.c-offcanvas--push--opening {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(17em, 0, 0);
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-30em, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
    transform: translate3d(17em, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(-30em, 0, 0);
}

@media only screen and (max-width: 650px) {
    /*boxes*/
    /*js-offcanvas*/
    /*positions*/
    /*left*/
    .c-offcanvas--left {
        height: 100%;
        width: 90%;
        transform: translate3d(-90%, 0, 0);
    }
    /*right*/
    .c-offcanvas--right {
        height: 100%;
        width: 100%;
        transform: translate3d(90%, 0, 0);
    }
    /*top*/
    .c-offcanvas--top {
        width: 100%;
        height: 90%;
        transform: translate3d(0, -90%, 0);
    }
    /*bottom*/
    .c-offcanvas--bottom {
        width: 100%;
        height: 90%;
        transform: translate3d(0, 90%, 0);
    }
    /*effects*/
    /*reveal*/
    .c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
        transform: translate3d(90%, 0, 0);
    }
    .c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
        transform: translate3d(-90%, 0, 0);
    }
    .c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
        transform: translate3d(90%, 0, 0);
    }
    .c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
        transform: translate3d(-90%, 0, 0);
    }
    /*push*/
    .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
        transform: translate3d(90%, 0, 0);
    }
    .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
        transform: translate3d(-90%, 0, 0);
    }
    .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
        transform: translate3d(90%, 0, 0);
    }
    .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
        transform: translate3d(-90%, 0, 0);
    }
}

.search-toggle button {
    border: none;
    background: none;
}

.search-toggle .search-icon.icon-close,
.search-toggle.opened .search-icon.icon-search {
    display: none;
    color: #000000;
}

.search-toggle .search-icon.icon-search,
.search-toggle.opened .search-icon.icon-close {
    display: block;
    color: #000000;
}

.search-container {
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 2;
}

.search-container.opened {
    max-height: 100px;
    padding: 0.6em 0;
    z-index: 99;
}

@media only screen and (max-width: 650px) {
    .search-container,
    .search-container.opened {
        position: fixed;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 99999;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-top: solid 1px #dddddd;
        opacity: 0;
    }
    .search-container.opened {
        padding: 1em !important;
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-top>ul {
        display: block;
        flex-wrap: nowrap;
        flex-wrap: wrap;
        width: auto;
    }
    .mobile-top>ul>li {
        width: auto;
    }
}

.subcategory-images {
    text-align: center;
}

.subcategory-images figure {
    margin-bottom: 10px;
}

.subcategory-images .dropdown-categories {
    padding: 5px 1em;
}

@media only screen and (max-width: 767px) {
    .subcategory-images .dropdown-categories {
        padding: 5px;
    }
    .subcategory-images {
        position: relative;
        margin-right: -10px;
    }
}

.wsmegamenu .menuimage-column .dropdown-categories {
    text-align: center;
    font-size: 12px;
}

@media (min-width: 992px) {
    .wsmegamenu .menuimage-column .dropdown-categories {
        padding: 0 5px;
    }
    .wsmegamenu .menuimage-column {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}


/*---- Product details review option----*/

.product-review-question .nav-pills {
    padding: 1em;
}

.product-review-question .nav-link {
    padding: .5rem .8rem;
    font-weight: 600;
    color: #6B6D76;
}

.product-review-question .nav-pills .nav-link.active,
.product-review-question .nav-pills .show>.nav-link {
    background-color: #ffffff;
    color: #333333;
    border-bottom: solid 2px #333333;
    border-radius: 0;
}

.product-review-question .tab-content {
    display: block;
}

@media only screen and (max-width: 767px) {
    .product-review-question .nav,
    .product-review-question .detais-rating {
        justify-content: center;
    }
    .product-review-question .active,
    .product-review-question .accordions:hover {
        background-color: #ffffff;
    }
	.topannu{
		display:none;
	}
}

.customer_fullname {
    font-size: 0;
}

.customer_fullname span {
    /* background: rgba(131, 182, 221); */
    background-color: #221f1f;
    align-items: center;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-flex;
    font-size: 16px;
    padding: 5px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
}

.customer_fullname span i {
    width: max-content;
    font-style: normal;
    margin: 0 auto;
}

.review .verify-buyer {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 50%;
    text-shadow: -2px 1px 1px rgba(255, 255, 255, 1);
}

.review-box {
    border-top: 2px dashed #acacac;
    border: none;
    background-color: #fff;
    padding: 0.4em 1em;
    border-radius: 10px;
    margin-bottom: 1.2em;
}

.labelimage {
    top: 4px;
    left: 10px;
    z-index: 3
}

.labelimage img {
    width: 100%;
    max-width: 80px;
    height: 80px;
}

.gc-noscroll .wsmainfull,
.has-offcanvas--right .wsmainfull {
    z-index: 1 !important;
}

.gc-noscroll .cloned,
.has-offcanvas--right .cloned {
    z-index: 2!important;
}

.breadcrumb {
    background-color: #ffffff;
	padding-top: 0.8rem !important;
	padding-bottom: 0.8rem !important;
}

.table-font-2x {
    font-size: 15px;
}

.btn-blue {
    color: #fff;
    background-color: #f48b82;
    border-color: #f48b82;
}

.btn-blue:hover {
    color: #fff;
    background-color: #514f55;
    border-color: #514f55;
}

.btn-outline-blue {
    color: #f48b82;
    border-color: #f48b82
}

.btn-outline-blue:hover {
    color: #514f55;
    border-color: #514f55
}
/*
     FILE ARCHIVED ON 00:51:01 Jun 25, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:59:09 May 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.491
  load_resource: 135.563
  PetaboxLoader3.resolve: 78.164
  PetaboxLoader3.datanode: 46.452 (2)
  loaddict: 34.342
*/